<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
   
    <title>chinaict</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="通信,IP电话,电信 联通 网通">
	<meta http-equiv="description" content="通信,IP电话,电信 联通 网通">
<c:import url="common/head.jsp" />


<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="10"></td>
  </tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="309" valign="top">
	<!-- product start -->
	
	<table width="309" border="0" cellpadding="0" cellspacing="0" class="table">
      <tr>
        <td height="285" valign="top">
	<div align="center">
       
    <style type="text/css">
    /* 数字按钮框样式 */
    #imgTitle {FILTER:ALPHA(opacity=70);position:relative;left:0px;text-align:left;overflow: hidden;}
    #imgTitle_up {left:0px;text-align: left; height:1px; width:inherit; }
    #imgTitle_down {left:0px;text-align: right; width:inherit; }
    /* 图片框样式 */
    .imgClass {border: 0px solid #000;}
    /* 图片文字框样式 */
    #txtFrom {text-align: center;vertical-align: middle;}
    /* 数字按钮样式 */
    .button {text-decoration: none;padding: 2px 7px;background: #7B7B63;margin: 0px;font: bold 9px sans-serif; border-left:#fff 1px solid;}
    a.button, a.button:link, a.button:visited {font-family: sans-serif;text-decoration: none;color:#FFFFFF;background-color: #000000;}
    a.button:hover {font-family: sans-serif;text-decoration: none;color:#fff;background:#fff; }
    .buttonDiv {background: #000000;height: 1px;width: 21px;float: left;text-align: center; vertical-align: middle;}
    /*渐变*/ 
    .trans { width:90px; background-color:#000;filter : progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=0,finishOpacity=40);}
           </style>
       <script language="JavaScript" type="text/javascript">
    var imgWidth=309;               //图片宽
    var imgHeight=285;              //图片高
    var textFromHeight=18;          //焦点字框高度 (单位为px)
    var textStyle="f12";            //焦点字class style (不是连接class)
    var textLinkStyle="FONT"; //焦点字连接class style
    var buttonLineOn="#ce0609";            //button下划线on的颜色
    var buttonLineOff="#000";           //button下划线off的颜色
    var TimeOut=5000;               //每张图切换时间 (单位毫秒);
    var imgUrl=new Array(); 
    var imgLink=new Array();
    var imgtext=new Array();
    var imgAlt=new Array();
    var adNum=0;
    var theTimer=0;

    //焦点字框高度样式表 开始
    document.write('<style type="text/css">');
    document.write('#focuseFrom{width:'+(imgWidth+2)+';margin: 0px; padding:0px;height:'+(imgHeight+textFromHeight)+'px; overflow:hidden;}');
    document.write('#txtFrom{height:'+textFromHeight+'px;line-height:'+textFromHeight+'px;width:'+imgWidth+'px;overflow:hidden;}');
    document.write('#imgTitle{width:'+imgWidth+';top:-'+(textFromHeight+15)+'px;height:18px}');
    document.write('</style>');
    document.write('<div id="focuseFrom">');
    //焦点字框高度样式表 结束

	<c:set var="temp" value="1" />
	<c:forEach var="product" items="${product}" begin="0" end="2">
		imgUrl[${temp}]='${webpath}${product.product_pic}';
		imgtext[${temp}]='<a href=${webpath}/product/productDisplay_${product.id}.html>${product.product_name}</a>';
		imgLink[${temp}]='${webpath}/product/productDisplay_${product.id}.html';
		imgAlt[${temp}]='${product.product_name}';
		<c:set var="temp" value="${temp+1}" />
	</c:forEach>

    var intPage =0;
    for (var i=1;i<=imgUrl.length;i++)
    {
     if (imgUrl[i]!="!!!")
     {
      intPage++;
     }
    }

    function changeimg(n)
    {
     adNum=n;
     window.clearInterval(theTimer);
     adNum=adNum-1;
     nextAd();
    }
    function goUrl(){
    window.open(imgLink[adNum],'_blank');
    }
    //NetScape开始
    if (navigator.appName == "Netscape")
    {
    document.write('<style type="text/css">');
    document.write('.buttonDiv{height:4px;width:21px;}');
    document.write('</style>');
    function nextAd(){
     if(adNum<(intPage-1))adNum++;
     else adNum=1;
     theTimer=setTimeout("nextAd()", TimeOut);
     document.images.imgInit.src=imgUrl[adNum];
     document.images.imgInit.alt=imgAlt[adNum]; 
        document.getElementById('focustext').innerHTML=imgtext[adNum];
     document.getElementById('link'+adNum).style.background=buttonLineOn;
     document.getElementById('imgLink').href=imgLink[adNum];
     for (var i=1;i<=intPage;i++)
     {
        if (i!=adNum){document.getElementById('link'+i).style.background=buttonLineOff;}
     } 
    }
     document.write('<a id="imgLink" href="'+imgLink[1]+'" target=_blank class="p1"><img src="'+imgUrl[1]+'" name="imgInit" width='+imgWidth+' height='+imgHeight+' border=1 alt="'+imgAlt[1]+'" class="imgClass"></a><div id="txtFrom"><span id="focustext" class="'+textStyle+'">'+imgtext[1]+'</span></div>')
     document.write('<div id="imgTitle">');
     document.write('<div id="imgTitle_down">');
    //数字按钮代码开始
    for(var i=1;i<intPage;i++){document.write('<a href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'">'+i+'</a>');}
    //数字按钮代码结束
     document.write('</div>');
     document.write('</div>');
     document.write('</div>');
     nextAd();
    }
    //NetScape结束
    //IE开始
    else
    {
    var count=0;
    for (i=1;i<intPage;i++) {
     if( (imgUrl[i]!="") && (imgLink[i]!="")&&(imgtext[i]!="")&&(imgAlt[i]!="") ) {
      count++;
     } else {
      break;
     }
    }
    function playTran(){
     if (document.all)
      document.images.imgInit.filters.BlendTrans.play();  
    }
    var key=0;
    function nextAd(){
     if(adNum<count)adNum++ ;
     else adNum=1;
    
     if( key==0 ){
      key=1;
     } else if (document.all){
      //imgInit.filters.revealTrans.Transition=6;
      document.images.imgInit.filters.BlendTrans.apply();
         playTran();
        }
     document.images.imgInit.src=imgUrl[adNum];
     document.images.imgInit.alt=imgAlt[adNum]; 
     document.getElementById('link'+adNum).style.background=buttonLineOn;
     for (var i=1;i<=count;i++)
     {
        if (i!=adNum){document.getElementById('link'+i).style.background=buttonLineOff;}
     } 
        focustext.innerHTML=imgtext[adNum];
     theTimer=setTimeout("nextAd()", TimeOut);
    }
    document.write('<a target=_self href="javascript:goUrl()"><img style="FILTER: BlendTrans ( duration=1 );" src="javascript:nextAd()" width='+imgWidth+' height='+imgHeight+' border=0 vspace="0" name=imgInit class="imgClass"></a>');
    document.write('<div id="txtFrom"><span id="focustext" class="'+textStyle+'"></span></div>');
    document.write('<div id="imgTitle">');
    document.write(' <div id="imgTitle_down"> <a class="trans"></a>');
    //数字按钮代码开始
    for(var i=1;i<intPage;i++){document.write('<a id="link'+i+'"   href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'" onFocus="this.blur()">'+i+'</a>');}
    //数字按钮代码结束
    document.write('</div>');
    document.write('</div>');
    document.write('</div>');
changeimg(1);
    }
    //IE结束
      </script>
               </div></td>
             </tr>
           </table>

	
	
	
	
	<!--product end -->
	</td>
    <td width="10">&nbsp;</td>
    <td width="309" valign="top"><table width="309" border="0" cellpadding="0" cellspacing="0" class="table">
      <tr>
        <td height="14%" valign="top" background="images/menu1-bg.jpg"><a href="${webpath}/product/redirectUrl_productcenter.html" target="_blank"><img border="0" src="images/menu1.jpg" width="150" height="44"></a></td>
      </tr>
      <tr>
        <td height="259" valign="top">
			<c:forEach var="product" items="${product}" begin="3" end="12">
				&nbsp;<img src="images/icon_5.gif" width="7" height="6" class="img">&nbsp;<a href="${webpath}/product/productDisplay_${product.id}.html" target="_blank">${product.product_name}</a><br>
			</c:forEach>
		</td>
      </tr>
    </table></td>
    <td width="13">&nbsp;</td>
    <td width="309" valign="top"><table width="309" border="0" cellpadding="0" cellspacing="0" class="table">
      <tr>
        <td height="44" valign="top" background="images/menu1-bg.jpg"><a href="${webpath}/article/articleList_1_0.html" target="_blank"><img src="images/menu2.jpg" width="150" height="44" border="0"></a></td>
      </tr>
      <tr>
        <td valign="top" height="259">
			<c:forEach var="project" items="${project}">
				&nbsp;<img src="images/icon_5.gif" width="7" height="6" class="img">&nbsp;<a href="${webpath}/article/articleDisplay_${project.id}.html" target="_blank">${project.title}</a><br>
			</c:forEach>
		</td>
      </tr>
    </table></td>
  </tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="10"></td>
  </tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="images/mid.jpg" width="951" height="123"></td>
  </tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="10"></td>
  </tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="365" valign="top"><table width="365" border="0" cellpadding="0" cellspacing="0" class="table">
      <tr>
        <td height="44" valign="top" background="images/menu1-bg.jpg"><a href="${webpath}/article/articleList_2_0.html" target="_blank"><img border="0" src="images/menu3.jpg"></a></td>
      </tr>
      <tr>
        <td valign="top" height="259">
			<c:forEach var="services" items="${services}">
				&nbsp;<img src="images/icon_5.gif" width="7" height="6" class="img">&nbsp;<a href="${webpath}/article/articleDisplay_${services.id}.html" target="_blank">${services.title}</a><br>
			</c:forEach>
		</td>
      </tr>
    </table></td>
    <td width="10">&nbsp;</td>
    <td width="365" valign="top"><table width="365" border="0" cellpadding="0" cellspacing="0" class="table">
        <tr>
          <td height="44" valign="top" background="images/menu1-bg.jpg"><a href="${webpath}/article/articleList_3_0.html" target="_blank"><img border="0" src="images/menu4.jpg" width="200" height="43"></a></td>
        </tr>
        <tr>
          <td valign="top" height="259">
		  	<c:forEach var="application" items="${application}">
				&nbsp;<img src="images/icon_5.gif" width="7" height="6" class="img">&nbsp;<a href="${webpath}/article/articleDisplay_${application.id}.html" target="_blank">${application.title}</a><br>
			</c:forEach>
		  </td>
        </tr>
    </table></td>
    <td width="13">&nbsp;</td>
    <td valign="top"><table border="0" cellpadding="0" cellspacing="0" class="table">
        <tr>
          <td height="44" valign="top" background="images/menu1-bg.jpg"><a href="${webpath}/article/articleList_4_0.html" target="_blank"><img border="0" src="images/menu5.jpg" width="200" height="43"></a></td>
        </tr>
        <tr>
          <td valign="top" height="259">
		  	<c:forEach var="webbusiness" items="${webbusiness}">
				&nbsp;<img src="images/icon_5.gif" width="7" height="6" class="img">&nbsp;<a href="${webpath}/article/articleDisplay_${webbusiness.id}.html" target="_blank">${webbusiness.title}</a><br>
			</c:forEach>
		  </td>
        </tr>
    </table></td>
  </tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="10"></td>
  </tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0" class="table">
  <tr>
    <td height="83"><img src="images/menu6.jpg" width="48" height="83"></td>
    <td><a href="http://www.chinaunicom.com.cn/" target="_blank"><img src="images/logo1.jpg" width="214" height="67" border="0"></a></td>
    <td><a href="http://www.chinatelecom.com.cn/" target="_blank"><img src="images/logo2.jpg" width="214" height="67" border="0"></a></td>
    <td><a href="http://www.chinamobile.com/" target="_blank"><img src="images/logo3.jpg" width="214" height="67" border="0"></a></td>
    <td><a href="http://www.ghmdc.com.cn" target="_blank"><img src="images/logo4.jpg" width="214" height="67" border="0"></a></td>
  </tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="10"></td>
  </tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0" class="table">
  <tr>
    <td width="868"  class="td"> &nbsp; <img src="images/link.gif" width="14" height="14"> <span class="font-13px">友情链接</span></td>
	<td><a href="${webpath}/friendlink/redirectUrl_friendlink.html">申请友情链接</a></td>
  </tr>
  <tr>
    <td colspan="2"><table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
		<tr>
			<c:set var="count" value="0" />
			<c:forEach var="friendlink" items="${friendlink}">
				<c:if test="${count % 10 ==0}">
					</tr>
					<tr>
				</c:if>
				<TD height=20><DIV align=left><A class=style1 href="${friendlink.link}" 
target=_blank>${friendlink.link_name}</A></DIV></TD>
				<c:set var="count" value="${count+1}" />
			</c:forEach>
		</tr>
	
    </table></td>
  </tr>
</table>
<c:import url="common/foot.jsp" />

</body>

</html>
